<?php if(!empty($subvo)){
    $v = $subvo;
    $subvo = '';
}
if(!empty($subsubvo)){
    $v = $subsubvo;
    $subsubvo = '';
}
?>




.myBox<?php echo $v['id'];?> .gallery-grid {
  list-style: none;
  padding: 0;
  margin: 0; }
  .myBox<?php echo $v['id'];?> .gallery-grid li {
    float: left;
    width: 25%;
    padding: 10px;
    position: relative; }
    .myBox<?php echo $v['id'];?> .gallery-grid li figure {
      margin: 0;
      border:1px solid #ccc;
      position: relative;
      overflow: hidden; }
      .myBox<?php echo $v['id'];?> .gallery-grid li figure img {
        max-width: 100%;
        display: block;
        position: relative;
       
        top: 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        transition: all 0.25s; }
    .myBox<?php echo $v['id'];?> .gallery-grid li .caption {
      width: 100%;
      height: 90px;
      position: absolute;
      bottom: -90px;
      left: 0px;
      padding: 15px 20px 20px;
      background-color:rgba(0,0,0,0.8);
      
      color: white;
      -webkit-transition: all 0.25s;
      -moz-transition: all 0.25s;
      transition: all 0.25s; }
      .myBox<?php echo $v['id'];?> .gallery-grid li .caption h3 {
        margin: 0;
        padding: 0;
        color: white;
        font-weight: 100; }
      .myBox<?php echo $v['id'];?> .gallery-grid li .caption span {
        margin-top: 5px;
        display: inline-block; }
      .myBox<?php echo $v['id'];?> .gallery-grid li .caption a {
      font-size:0.8em;
        margin: 0 0 0 15px;
      color:#fff;
      }
      .myBox<?php echo $v['id'];?> .gallery-grid li .caption a:hover{color:#fff;}
    .myBox<?php echo $v['id'];?> .gallery-grid li:hover figure img {
      top: -50px; }
    .myBox<?php echo $v['id'];?> .gallery-grid li:hover .caption {
      bottom: 0px; }

@media (max-width: 1200px) {
  .myBox<?php echo $v['id'];?> .gallery-grid li {
    width: 33.33%; } }
@media (max-width: 900px) {
  .myBox<?php echo $v['id'];?> .gallery-grid li {
    width: 50%; } }
@media (max-width: 600px) {
  .myBox<?php echo $v['id'];?> .gallery-grid li {
    width: 100%;
    margin: 0 0 15px; } }















  .myBox<?php echo $v['id'];?> .badge{background:none; color:#333;}
  .myBox<?php echo $v['id'];?> .badge i{font-size:0.7em;}
  .myBox<?php echo $v['id'];?> .panel-body{padding:<?php echo $v['padding'];?>}
  .myBox<?php echo $v['id'];?> .panel{border-radius:0; margin-bottom:0; border:none; box-shadow:none;}
  .myBox<?php echo $v['id'];?> .panel-heading{border-radius:0;}
  .myBox<?php echo $v['id'];?> .panel-heading .badge{float:right;}
  .myBox<?php echo $v['id'];?> .list-group{margin-bottom:0;}
  .myBox<?php echo $v['id'];?> .panel-body{<?php getModulesBorder($v);?>}
  .myBox<?php echo $v['id'];?>{<?php echo getModulesStyle($v);?>}
  <?php echo str_replace('{id}',$v['id'],$v['style']);?>


    <?php include(TMPL_PATH.'Home/TemplateDefault/Css/Public-Moduletitle'.C('TMPL_TEMPLATE_SUFFIX')); ?>

    













